Copyright: Pomoc ez HTMLa - (c)1997-98 Pafcio's products.
Citation: (c)1997-98 Pafcio's products.


Indeks
Edytor znaczników HTML

©Paweł Przewłocki, 1997-98. Pafcio`s Products :- )

www: http://ezhtml.bydnet.com.pl

e-mail: ezhtml@bydnet.com.pl

Indeks pomocy

Zaczynamy

Dla początkujących.

Co nowego?

Dla znających HomeSite`a bądź inne edytory.

Menu główne:

Pliki

Edycja

Wstaw

HTML

Ogonki

Konfiguracja

Pomoc

Paski narzędziowe (przycisków):

Standardowy

Użytkownika

Podręczny

Zakładki HTML

Panel plików

Zakładka Pliki

Zakładka Projekty

Zakładka Tagi

Technika pracy z projektami

Jak przyspieszyć pracę z wieloma dokumentami.

Przeglądarka obrazków

Szybki podgląd i wstawianie grafik.

Licencja

Warunki użytkowania programu.

Historia

Dla fanów.

Artists credits

Kącik zasłużonych.

Propozycja współpracy

Dla programistów, webmasterów i wszystkich pozostałych…


Zaczynamy!

Oto Edytor znaczników HTML - program, który pomoże Ci tworzyć strony WWW.

Usiądź teraz wygodnie w fotelu, włącz program i rozwiń go na cały ekran.

Co widzisz?

·	U samej góry znajduje się menu, w którym zawarte są funkcje programu.

·	Poniżej menu widać pasek przycisków, dzięki któremu masz szybki dostęp do najczęściej stosowanych operacji. Prawa część paska zajęta jest przez zakładki ze znacznikami języka HTML.

·	Na samym dole ekranu znajdziesz listwę statusu, na której wyświetlane są podpowiedzi (wystarczy najechać kursorem myszy na interesujący Cię obiekt w oknie programu, a zobaczysz objaśnienie). Program pokazuje też tam położenie kursora tekstowego w okienku edycyjnym, o którym za chwilę, oraz stronę kodową, w której tworzony jest dokument.

·	Właściwa część robocza programu podzielona jest na dwie części (ich wielkość można zmieniać myszką):

·	Lewą, pomocniczą:

Tu najważniejsza jest zakładka pliki, dzięki której w wygodny sposób można ładować pliki (dokumenty) do edytora;

·	Prawą, w której znajduje się właściwy edytor.

Posługiwanie się edytorem nie jest skomplikowane - zakładki na dole reprezentują otwarte pliki (klikając na odpowiedniej zakładce przełączamy na interesujący nas plik). Pliki można otwierać za pomocą wspomnianej już zakładki Pliki w lewej części, bądź (klasycznie) poprzez Pliki|Otwórz. Otwarte pliki edytujemy w okienku edycyjnym, w którym dostępne są wszystkie podstawowe czynności edycyjne (wycinanie do schowka, kopiowanie, wklejanie, etc.). Edytor koloruje znaczniki języka HTML, co ułatwia edycję.

Za edytorem znajduje się zakładka Podgląd (przełączamy używając zakładek pomiędzy panelem plików a edytorem), na której widzimy efekty naszej pracy w oknie MS Internet Explorera (MSIE musi być zainstalowany w systemie, aby to działało).

Jak przebiega typowa praca z Edytorem znaczników HTML?

Po włączeniu edytor zawiera jedną zakładkę: bez nazwy. Jeśli chcemy stworzyć nowy dokument HTML, to pracujemy właśnie z tym domyślnym plikiem (nową nazwę nadamy mu przy zapisywaniu). Jeśli chcemy jednak załadować plik z dysku, to poza standardowym użyciem Pliki|Otwórz mamy do dyspozycji jeszcze zakładkę Pliki po lewej stronie obszaru roboczego. Aby otworzyć plik postępujemy następująco:

1.Wybieramy dysk używając rozwijanej listy na samej górze zakładki;

2.Drzewo poniżej obrazuje strukturę folderów na dysku, który wybraliśmy; wybieramy odpowiedni folder…

3. …i dostajemy listę plików w tym folderze w okienku plików (na dole). Teraz wystarczy wybrać żądany plik i kliknąć na nim dwukrotnie aby jego zawartość pokazała się w okienku edycyjnym.

Mając otwarty plik możemy używać klasycznych narzędzi edycyjnych, zawartych w menu Edycja. Możemy także dodawać znaczniki języka HTML, używając zakładek HTML na pasku przycisków. Dwukrotne kliknięcie dowolnego znacznika w tekście w edytorze umożliwi edycję jego parametrów w zakładce Tagi (po lewej). Efektywne przeszukiwanie dokumentu umożliwia polecenie Tekst|Znajdź. Możemy też podejrzeć efekt naszej pracy w domyślnej przeglądarce WWW (HTML|Podgląd). Na koniec zapisujemy efekt naszej pracy na dysku (Pliki|Zapisz, Pliki|Zapisz jako…).

Po szczegóły proszę zajrzeć do opisów konkretnych poleceń.


Co nowego?

Oto krótki spis nowych funkcji oferowanych w Edytorze Znaczników HTML:

1.Zakładka Tagi czyli szybka edycja znacznika w Tagspektorze;

Aby edytować znacznik kliknij dwukrotnie na nim myszą (albo naciśnij F3). Na zakładce Tagi zobaczysz listę argumentów i pola do ich modyfikacji. Niektóre pola zawierają listę z możliwymi wartościami parametrów, inne przycisk (…), dzieki ustawia się ścieżki do plików. Bardzo powerful. Dodatkowo działanie znacznika możesz obejrzeć w podglądzie pod Tagspektorem.

Opcja Autointerpretacja wstawionych znaczników - gdy wybrana - powoduje automatyczne przejście w tryb edycji znacznika zaraz po jego wstawieniu.

2.Pasek użytkownika czyli wygoda i szybkość edycji;

Na ten pasek możesz przenosić najczęściej używane przyciski z Zakładek HTML. Jak? Patrz opis.

3.Przycisk Lista znaczników (taki zielony, obok Zakładek HTML) dający dostęp do wszystkich tagów związanych z widoczną zakładką;

Dzięki temu masz pod ręką nawet rzadko używane znaczniki.

+.Kolorowanie znaczników, podpowiedzi składniowe, automatyczne zamykanie znaczników w edytorze, uniwersalny konwerter polskich liter i konwersja w locie, pełna zgodność z HTML 4.0, przeglądarka obrazków, obsługa projektów, konfigurowalność.


Skróty klawiszowe

Wszystkie polecenia posiadające skróty klawiszowe są umieszczone w menu głównym programu (rozwiń je, aby zobaczyć jaki klawisz odpowiada danemu poleceniu).


Artists credits

To jest strona podziękowań wszelakich.

A więc:

Za testowanie i uwagi podziękowania dostają:

Michał Dobaczewski

Marcin Zielu Zieliński

Daniel Jabłoński

Antoni Jakubiak

Adam Fumio Okazaki

Piotr Traczyk vel Traq

FryteQ

A za inne rzeczy:

Patryk Kardaszewski

Krzysztof Hołowacz

Mariusz Orkisz i Bydnet (za domenę)

W wypadku niesłusznego pominięcia kogoś najskuteczniejszym sposobem dochodzenia praw jest list do mnie: ezhtml@bydnet.com.pl .


Historia

01.10.1997

wersja 0.9 (beta 1) - początek.

20.10.1997

wersja 0.9 (beta 2):

·	dodałem przyciski na pasku Listy i odpowiednie opisy w tags.ini;

·	poprawiłem błąd uniemożliwiający kasowanie dokumentów z okienka plików na zakładce Pliki;

·	Zrekonstruowałem ten help dodając m.in. opisy przycisków na zakładkach HTML.

25.01.1998

wersja 0.9 (beta 3):

·	Nowa zakładka 'Tabele' i odpowiednie opisy w tags.ini;

·	Obsługa projektów;

·	W okienku 'Wstaw obrazek' jest już podgląd zarówno GIFów jak i JPGów;

15.04.1998

wersja 0.9 (beta 4)

·	Nowa zakładka 'Ramki' i odpowiednie opisy w tags.ini;

·	Przeglądarka obrazków (Gif i Jpg)

·	Automatyczne zamykanie tagów i podpowiedzi składniowe;

·	Mała zmiana interfejsu (checkboxy między panelem Pliki a edytorem).

10.08.1998

wersja 0.9 (beta 5, Win95)

·	Wersja dla Win95, nowy interfejs, toolbary, etc.

·	Nowa zakładka 'Formularze' i odpowiednie opisy w tags.ini;

·	Zakładka 'Podgląd' do podglądania stron w okienku Internet Explorera

·	Konwerter do polskich liter

·	W menu Pliki dodałem listę ostatnio edytowanych dokumentów i drukowanie

·	Kolorowanie tagów

·	Rozbudowa okienka Ustawień

30.12.1998

wersja 1.0

·	Wypełniłem do końca wszystkie zakładki;

·	Pełna zgodność opisów znaczników w tags.ini z HTML 4.0;

·	<META>kreator;

·	Rozbudowa okienka Ustawień

·	Opcja wstaw datę i czas

·	Wykrywanie używanej strony kodowej w edytorze;

·	Elegancki Tagspektor z możliwością wyboru plików + lista znaczników.


Technika pracy z projektami

Do czego służą projekty?

Projekty pomocne są w chwili, gdy pracujesz nad wieloma dokumentami HTML i chciałbyś je jakoś pogrupować.

Przykładowo: tworzysz skomplikowany serwis WWW, na który składa się cały system stron umieszczonych w różnych folderach; przydatne jest wtedy mieć je gdzieś razem pod ręką, móc naraz otworzyć, etc. Do takich zadań służą w ez HTMLu projekty.

Projekty w ez HTMLu

Do obsługi projektów służy zakładka Projekty w panelu plików (po lewej stronie ekranu). Projekty przedstawione są tam w formie drzewka, kliknięcie dwukrotne na nazwie danego projektu powoduje rozwinięcie listy dokumentów, które zawiera. Dwukrotne kliknięcie na nazwie dokumentu otwiera go w edytorze.

Obok dokumentów każdy projekt zawiera datownik, pokazujący datę utworzenia projektu.

Opis poleceń związanych z projektami

Wszystkie polecenia związane z projektami zawiera podręczne menu, wywoływane naciśnięciem prawego klawisza myszki. Zawartość menu zależy od tego, czy aktualnie wyselekcjonowany jest projekt czy dokument. Szybki dostęp do często używanych funkcji umożliwia rząd przycisków nad drzewkiem.

Menu Projekty

Otwórz wszystkie pliki projektu

Otwiera wszystkie dokumenty, które zawiera projekt.

Nowy…

Tworzy nowy projekt (pusty) pod podaną nazwą.

Zmień nazwę…

Zmienia nazwę wyselekcjonowanego projektu na podaną.

Skasuj

Kasuje projekt, usuwając go z listy.

UWAGA: dokumenty, które zawierał, nie zostaną skasowane z dysku.

Dodaj dokument…

Dodaje wybrany dokument do projektu.

Dodaj edytowany dokument

Dodaje do projektu dokument, który w danej chwili jest na wierzchu w edytorze.

UWAGA: nie można dodać dokumentu bez nazwy; trzeba go wcześniej zapisać na dysku.

Dodaj wszystkie otwarte dokumenty

Dodaje do projektu wszystkie dokumenty otwarte w edytorze.

Menu Dokumenty

Otwórz dokument

Ładuje dokument do edytora.

Usuń z projektu

Wyłącza dokument z projektu.

Usuń z dysku

Kasuje dokument z dysku.

UWAGA: nie pomyl tych dwóch poleceń - dokument usunięty z projektu istnieje nadal na dysku!


Przeglądarka obrazków
Przeglądarka obrazków została zaprojektowana w celu ułatwienia wstawiania obrazków na stronę. Przy okazji można w błyskawiczny sposób przejrzeć graficzne zasoby swojego dysku.

Obsługa jest prosta: folder wybieramy w okienku wyboru foldera; jego zawartość (tzn. wszystkie grafiki typu *.jpg i *.gif) pokazuje się od razu w okienku wyboru obrazka. Kliknięcie na nazwie pliku powoduje wyświetlenie obrazka (podgląd). Przy okazji dane na temat obrazu pokazują się na listwie Info. Aby wstawić grafikę do dokumentu wystarczy dwa razy kliknąć jej nazwę w oknie wyboru obrazka.

Opis szczegółowy

Okienko wyboru foldera

Za jego pomocą wybieramy folder (katalog), który będziemy przeglądać w poszukiwaniu grafik.

UWAGA: dysk, którego foldery przeglądamy jest tożsamy z dyskiem wybranym w okienku dysków na Panelu plików (dosyć nietrywialne rozwiązanie, ale wstawianie grafik z innego dysku nie ma sensu; na serwerze i tak jest tylko jeden dysk logiczny [przynajmniej tak to widzą aplikacje-klienci z zewnątrz] i dlatego używa się ścieżek względnych).

Okienko wyboru grafiki

Listuje pliki *.gif i *.jpg znajdujące się w wybranym folderze.

Jednokrotne kliknięcie umożliwia podgląd obrazka, dwukrotne wstawia go do edytowanego dokumentu.

Podgląd

Wyświetla grafiki w formacie GIF (Compuserve) i JPeG.

REFLEKSJA NA TEMAT SZYBKOŚCI WYŚWIETLANIA: to oczywiście zależy od szybkości komputera, ale czas odczytywania dużych i złożonych plików JPG może być znaczny. Jednak grafiki mieszczące się na typowych stronach WWW ładują się już w akceptowalnych czasach, jeśli można to tak określić. Dla przykładu: obrazek o rozmiarach 650x450 (co można uznać za górną granicę rozsądku przy wstawianiu obrazów na strony WWW) ładuje się na moim komputerze (Pentium 100MHz) ok. 5s (JPG, wysoka jakość), 2.5s (JPG, niska jakość), 3.5s (GIF). Jak widać, znaczne przyspieszenie wyświetlania JPG można uzyskać przestawiając Jakość JPG na niską (patrz polecenia menu podręcznego).

UWAGA: Czasami występują problemy z wyświetlaniem dużych grafik jpg. Przełącz wtedy jakość JPEG na niską.

Info

Na listwie Info wyświetlane są pomocnicze informacje o obrazku w formacie: nazwa_obrazka, rozmiar_w_kB, szerokość x wysokość.

Polecenia menu podręcznego

Menu podręczne wywołujemy naciskając prawy klawisz myszki.

Wtłoczenie

Grafika zostanie wtłoczona w okienko podglądu, na czym oczywiście ucierpią proporcje.

Rozmiar naturalny

Obrazek zostanie wyświetlony w oryginalnym rozmiarze.

Jakość JPEG (Wysoka, Niska)

Określa stopień dokładności z jaką będą wyświetlane grafiki w formacie JPG. Wysoka jakość wymaga dłuższego czasu przetwarzania, niska krótszego (porównanie czasów -> opis okienka podglądu [powyżej]).

Podgląd wyłączony

Gdy ta opcja jest uaktywniona, grafiki nie są wyświetlane w okienku podglądu. To jest dobre rozwiązanie, gdy zależy Ci na szybkim wstawieniu dużej ilości obrazków i denerwujące jest opóźnienie związane z odczytem i wyświetleniem obrazka.

Zawsze na wierzchu

To polecenie, gdy uaktywnione, utrzymuje okienko przeglądarki ponad głównym oknem ez HTMLa. Przy wyłączonej tej opcji okienko chowa się zawsze, gdy uaktywnisz główne okno programu.


Paski narzędziowe
Paski narzędziowe (przycisków)

Pasek standardowy

Zawiera najczęściej używane polecenia.

Pasek użytkownika

Przyciski, na które można przenosić polecenia z Zakładek HTML.

Zakładki HTML

Przyciski służące do wstawiania znaczników HTML, czarodzieje, etc.

Pasek kolorów

Przyciski wstawiające kody kolorów (do wyróżnionej kontrolki na zakładce Tagi bądź do okienka edytora).

Pasek informacyjny

Pełna nazwa edytowanego pliku (lub tytuł, gdy jesteśmy na zakładce Podgląd).

Pasek podręczny

służy do ustawiania właściwości edytora i włączania różnych, związanych z nim, przydatnych funkcji.

Paski można przeciągać myszką - w ten sposób możesz przystosować rozmieszczenie przycisków do swoich potrzeb.


Pasek standardowy

Pasek standardowy zawiera najczęściej używane funkcje programu.

1.Nowy [dokument]

Ekwiwalent Pliki|Nowy.

2.Otwórz [dokument]

To samo co Pliki|Otwórz.

3.Zapisz [dokument]

Identycznie z Pliki|Zapisz.

4.Zapisz wszystkie [dokumenty]

Odpowiednik Pliki|Zapisz wszystkie.

5.Znajdź [podany tekst]

Tożsame z Edycja|Znajdź.

6.Zamień [podany tekst na inny]

Podobnie do Edycja|Zamień.

7.Cofnij [ostatnią operację]

Tak jak Edycja|Cofnij.

8.Wytnij [selekcję do schowka]

Odpowiada poleceniu Edycja|Wytnij.

9.Skopiuj [selekcję do schowka]

Ekwiwalent Edycja|Skopiuj.

10.Wklej [tekst ze schowka]

To samo co Edycja|Wklej.

11.Wstaw jeszcze raz [ostatni wstawiony znacznik]

Tak jak HTML|Wstaw jeszcze raz.

12.Podgląd [w domyślnej przeglądarce plików HTML]

Podobnie do HTML|Podgląd, jeśli naciśniesz ten przycisk klasycznie, lewym klawiszem myszki. Jeśli jednak użyjesz prawego klawisza, to dostaniesz do wyboru przeglądarki, jakie zdefiniowałeś w zakładce Przeglądarki okienka wywoływanego poleceniem Konfiguracja|Ustawienia. Klikając na odpowiedniej nazwie spowodujesz, że dokument w okienku edycyjnym zostanie wyświetlony w wybranej przeglądarce.


Pasek podręczny

1.Zawijanie wierszy - patrz Konfiguracja|Zawijanie wierszy.

2.Podpowiedzi składniowe - ta opcja, gdy zaznaczona, powoduje, że w trakcie edycji dowolnego znacznika w edytorze, obok kursora, pojawia się zielona chmurka, na której widnieje lista argumentów znacznika i jego krótki opis. Jak to działa? - po prostu kliknij jednokrotnie na jakimś znaczniku w edytorze (aby umieścić tam tekstowy kursor) i poczekaj chwilę, nie ruszając myszą.

3.Automatyczne zamykanie znaczników - ta funkcja wyręcza Cię we wpisywaniu znaczników zamykających (końcowych). Gdy wpisujesz jakiś znacznik bezpośrednio z klawiatury i istnieje jego odpowiednik kończący (</…>), to program automatycznie go wstawi.

UWAGA: wszystkie potrzebne im informacje powyższe dwie funkcje czerpią z pliku tags.ini.

4.Autointerpretacja wstawionego znacznika - włączenie tej opcji spowoduje, że wstawienie dowolnego znacznika z Zakładek HTML spowoduje natychmiastową możliwość edycji jego parametrów na zakładce Tagi

Efekt będzie taki, jak wydanie polecenia HTML|Edytuj znacznik zaraz po wstawieniu owegoż znacznika.

5.Kolorowanie tagów - gdy włączone, znaczniki w edytorze są kolorowane, tzn. wykreślane innym kolorem niż zwykły tekst. Szczegóły kolorowania ustala się w okienku Ustawień (menu Konfiguracja).


Pasek użytkownika

Na pasek użytkownika możesz przenosić najczęściej używane przyciski z zakładek HTML.

Aby przycisk znalazł się na tym pasku, kliknij prawym przyciskiem myszy na wybranym przycisku (z Zakładek HTML). W okienku dialogowym (które się pokaże) wybierz, który przycisk na pasku użytkownika ma przejąć jego funkcję, i to wszystko.

Przykład: często wstawiam grafiki na moje strony WWW i denerwuje mnie ciągłe przełączanie na zakładkę Podstawowe. Przenoszę więc przycisk wstawiający obrazki na pasek użytkownika (np. na przycisk o numerze 1) i mam już go zawsze pod ręką.


Zakładki HTML

Zakładki HTML zawierają przyciski wstawiające znaczniki języka HTML. Z niektórymi związane są okienka dialogowe, które ułatwiają pracę z HTMLem.

Krótki opis działalności każdego przycisku otrzymasz (na listwie statusu), gdy najedziesz na przycisk myszką.

Jeśli chcesz dowiedzieć się czegoś więcej o jakimś przycisku, wybierz z poniższej listy nazwę zakładki, na której się on znajduje:

Podstawowe

Format

Czcionki

Listy

Tabele

Ramki

Formularze

Interakcja

SSI

Znaki


Podstawowe

Format

Czcionki

Listy

Tabele

Ramki

Formularze

Interakcja

SSI

Znaki


Zakładka HTML: Podstawowe
Zakładka HTML: Podstawowe Patrz też
1.Szybki start.

Pozwala wypełnić dokument niezbędnymi elementami języka HTML. Naciśnięcie tego przycisku jest równoważne użyciu po kolei trzech następnych (jeśli tworzysz normalną stronę [tzn. bezramkową, z użyciem <BODY>] - gdy wybierzesz stronę z ramkami, zamiast okna Sekcja <BODY> pokaże się Ramkowy czarodziej).

2.Szkielet dokumentu HTML

Wstawia znacznik <!DOCTYPE> informujący o wersji HTMLa użytej w dokumencie (w tej chwili program wstawia zawsze tę samą deklarację - w przyszłości będzie to definiowalne) oraz otaczającą zawartość każdego dokumentu HTML parę <HTML></HTML>.

3.<META>kreator

Okienko kreatora meta-informacji, czyli zawartości, która nie wpływa na wygląd dokumentu w przeglądarce, może za to pomóc w zindeksowaniu naszej strony przez wyszukiwarki internetowe (i nie tylko).[ale to mętne - zerknij do jakiejś pomocy HTML po szczegóły].

4.Sekcja <HEAD> - nagłówek dokumentu

Umożliwia zdefiniowanie:

·	tytułu dokumentu (pokazuje się zawsze na pasku tytułowym przeglądarki, np. gdy tytuł podamy Moja strona, to na listwie tytułowej zobaczymy: Moja strona - Microsoft Internet Explorer albo Netscape - [Moja strona])

·	sposobu kodowania polskich (i nie tylko) znaków (UWAGA: oczywiście można nie wybierać żadnej strony kodowej - wtedy będziesz mógł używać tylko znaków z zestawu standardowego (czytaj: amerykańskiego);

·	a także informacji dodatkowych, jak: krótki opis zawartości dokumentu, dane autora, etc.

5.Sekcja <BODY> - estetyka dokumentu

Tu wybieramy kolory tła, tekstu i odnośników. Można także zdefiniować plik tła - obrazek, który przeglądarka ułoży w kafelki pod właściwą zawartością strony(oczywiście wtedy kolor tła jest niewidoczny).

6.Wstawienie obrazka do dokumentu

Oto krótki opis wstawiania grafiki do dokumentu:

·	najpierw wybieramy plik obrazka, klikając na przycisk na prawo od pola Ścieżka; po wybraniu zobaczymy jego podgląd w polu poniżej;

·	pole opis definiuje tekst jaki pokaże przeglądarka, jeśli nie będzie mogła wyświetlić obrazka (bo tak jej kazaliśmy w trosce o naszą kieszeń albo też używamy przeglądarki tekstowej [jest coś takiego, np. Lynx]). Zwykle dajemy tu tekst typu: Moje zdjęcie!; ez HTML wpisuje w to pole rozmiar obrazka, co ułatwia pracę osobom, które ściągają obrazki osobno.

·	ustawiamy jeszcze ułożenie obrazka względem oblewającego go tekstu oraz grubość ramki (można suwakiem, rezultaty widać na podglądzie) i możemy już nacisnąć przycisk Gotowe.

7.Odnośnik lokalny

Wpisz w edytorze tekst odnośnika, zaznacz go np. myszką i kliknij przycisk Odnośnik lokalny. Następnie wybierz dokument do którego nastąpi skok po naciśnięciu odnośnika. (UWAGA: jeśli edytujesz dokumenty w domu a potem przenosisz je na serwer, to pamiętaj, że względne umiejscowienie plików w folderach (katalogach) musi zostać zachowane!).

8.Odnośnik daleki

Tutaj tworzysz odnośniki do stron (i nie tylko), które są na innych serwerach.

Przykład: Chcesz utworzyć odnośnik Pafcio`s products który, po kliknięciu powodowałby skok do strony o adresie http://www.polbox.com/p/pafcio; klikasz więc Odnośnik daleki i wpisujesz:

·	w polu Adres w całości adres strony (lub w polach powyżej poszczególne składniki adresu - jak Ci wygodniej);

·	w polu Treść odnośnika - treść odnośnika :-), czyli tutaj: Pafcio`s products.

Teraz już możesz kliknąć Gotowe.

9.Zakotwiczenie wewnątrz dokumentu

Podajesz tu nazwę zakotwiczenia, do którego będziesz mógł się później odwoływać konstruując odnośniki (np. http://moj.serwer/strona.html#nazwa_zakotwiczenia spowoduje skok do strona.html w miejsce, w którym znajduje się zakotwiczenie nazwa_zakotwiczenia [to znaczy tag <A NAME=nazwa_zakotwiczenia>])

10.Odnośnik do poczty elektronicznej (e-mailowy)

Ta funkcja pozwala definiować odnośniki e-mailowe, tzn. takie, po których naciśnięciu otworzy się aplikacja pozwalająca na wysłanie listu do adresata zdefiniowanego w dokumencie (to jest więc jedyna informacja potrzebna ez HTMLowi do skonstruowania takiego odnośnika - wystarczy wpisać w okienku adres pocztowy adresata).

Zwykle wygląda to tak: Wyślij do mnie list!

UWAGA: tekst odnośnika (tu: Wyślij…) wpisz wcześniej, zaznacz go i dopiero wywołaj opcję Odnośnik e-mailowy.

11.Pozioma linia

Wstawienie poziomej linii - <HR>. Jeśli masz zaznaczoną opcję Autointerpretacja wstawionego znacznika na pasku podręcznym, to możesz od razu ustalić szerokość linii i jej inne parametry; w przeciwnym wypadku należy kliknąć myszką na znaczniku dwukrotnie.

12.Komentarz

Wstawia znacznik komentarza <!-- -->. Wewnątrz wpisz co Ci się podoba - natura komentarzy jest taka, że przeglądarka ignoruje je w całości.


Zakładka HTML: Format
Zakładka HTML: Format Patrz też
1.Nowy paragraf

Przejście do nowego paragrafu (<P>) - złamanie wiersza i większy odstęp.

2.Przejście do następnej linii

<BR> - złamanie wiersza i mniejszy odstęp.

3.Pogrubienie czcionki

<B> - Bold.

4.Pochylenie czcionki

<I> - Italic.

5.Podkreślenie

<U>. UWAGA: stosuj z umiarem, bo napisy potraktowane podkreśleniem łudząco przypominają odnośniki, co może wprowadzić niedoświadczonego użytkownika w zakłopotanie.

6.Justowanie do lewej

Powoduje, że tekst przysuwany jest do lewego marginesu strony.

7.Wyśrodkowanie tekstu

8.Justowanie do prawej

Powoduje, że tekst przysuwany jest do prawego marginesu strony.

Trzy ostatnie polecenia używają znacznika <DIV> z odpowiednio ustawionym parametrem ALIGN.

9.Tekst preformatowany

Tekst taki przeglądarka wyprowadza tak jak wygląda on w źródle HTML - to znaczy każdy *Enter* = <BR>, nie ma automatycznego łamania wierszy, etc.

Zwykle tekst preformatowany wyprowadzany jest czcionką nieproporcjonalną, np. Courierem.

10.Indeks górny

<SUP>. Tekst podniesiony względem normalnego (i wykreślony mniejszą czcionką).

11.Indeks dolny

<SUB>. Tekst obniżony względem normalnego (i wykreślony mniejszą czcionką)..


Zakładka HTML: Czcionki
Zakładka HTML: Czcionki Patrz też
1.Wybierz czcionkę

Umożliwia wybór czcionki, jaką przeglądarka będzie używała do wyświetlenia tekstu. W okienku wybierasz rodzaj czcionki, jej wielkość i inne parametry.

UWAGA 1.:W HTMLu rozmiar czcionki określany jest liczbą z zakresu [1,7], inaczej niż w Windows. Z tego też powodu ez HTML dokonuje zaokrąglenia wielkości czcionki, którą podajesz w okienku, do wartości akceptowanych przez przeglądarki, co może spowodować pewne różnice między rozmiarem żądanym a uzyskanym.

UWAGA 2.:W okienku masz do dyspozycji wszystkie czcionki zainstalowane w twoim systemie, ale pamiętaj: to co masz u siebie niekoniecznie musi być dostępne na komputerze osoby czytającej twoją stronę. Jeśli przeglądarka nie znajdzie żądanej czcionki, to użyje innej; jakiej - trudno przewidzieć. Efekt - strona wygląda zupełnie inaczej niż to zaplanowałeś. Aby uniknąć takich sytuacji, używaj czcionek najpopularniejszych, a są to: Arial, Courier i Times New Roman.

2.Zwiększ czcionkę o oczko

Zwiększa rozmiar czcionki o jeden względem domyślnej wartości definiowanej znacznikiem <BASEFONT>.

3.Zmniejsz czcionkę o oczko

Zmniejsza rozmiar czcionki o jeden względem domyślnej wartości definiowanej znacznikiem <BASEFONT>.

UWAGA: Jeśli nie użyłeś ani razu znacznika <BASEFONT>, to domyślny rozmiar czcionki jest równy 3.

4.Nagłówki

Nagłówków używamy do tytułowania paragrafów. Wizualnie wyróżniają się one większą i pogrubioną czcionką. Do definiowania służą znaczniki <Hn>, gdzie n należy do [1,6]; w praktyce używamy głównie nagłówków największych: <H1> i <H2>.

UWAGA: Nagłówek zawsze umieszczany jest w osobnej linii, nawet jeśli nie wstawiłeś żadnych znaczników powodujących złamanie wiersza. Aby zastosować efekt nagłówkowy tylko do części wiersza użyj znaczników <B> i <FONT> z odpowiednimi wartościami argumentów.

5.Arial

6.Courier

7.Times New Roman

Ustawiają odpowiedni rodzaj czcionki.

8.Domyślne właściwości czcionki

Znacznik <BASEFONT>. Właściwie jedyną cechą odróżniającą ten tag od <FONT> jest możliwość definiowania za jego pomocą domyślnego rozmiaru czcionki, do którego odwołujemy się np. zwiększając rozmiar o oczko (<FONT SIZE=+1>).


Zakładka HTML: Listy
Zakładka HTML: Listy Patrz też
1.Tryb wprowadzania elementów listy

Gdy przycisk ten jest wciśnięty, każde wciśnięcie klawisza *Enter* generuje znacznik <LI>. To bardzo ułatwia tworzenie list: gdy chcesz utworzyć listę, naciskasz odpowiedni przycisk (2 lub 3;listy definicyjne rządzą się innymi prawami) co automatycznie powoduje przejście w tryb wprowadzania elementów listy; teraz wpisujesz kolejne pozycje naciskając po każdej *Enter*. Aby zakończyć tworzenie listy kliknij przycisk 1 aby go wycisnąć. Teraz możesz kontynuować edycje już w normalnym trybie.

2.Lista nienumerowana

Wstawia znacznik <UL> i powoduje przejście w tryb wprowadzania elementów listy (patrz wyżej). Kolejne elementy listy są wyprowadzane przez przeglądarkę z kropką lub innym znakiem typu bullet po lewej stronie.

3.Lista numerowana

Wstawia znacznik <OL> i powoduje przejście w tryb wprowadzania elementów listy (patrz wyżej). Kolejne elementy listy są wyprowadzane przez przeglądarkę z odpowiednim indeksem po lewej stronie.

4.Lista definicyjna

Wstawia znacznik <DL>. Lista definicyjna pomyślana jest jako zestaw terminów i ich definicji (zwykle te ostatnie są lekko wcięte względem terminów, które definiują).

5.Element listy

<LI>.

6.Termin w liście definicyjnej

<DT>.

7.Objaśnienie terminu w liście definicyjnej

<DD>.

Trzy ostatnie znaczniki nie mają kończących odpowiedników; tekst pozycji na liście wpisujemy zaraz za odpowiednim znacznikiem.


Zakładka HTML: Tabele
Zakładka HTML: Tabele Patrz też
1.Tabelkowy czarodziej

Przyciśnięcie tego przycisku powoduje wyświetlenie okna dialogowego, za pomocą którego łatwo i szybko można stworzyć i wypełnić tabelę. Jeśli chcesz wstawić na stronę dużą, tekstową tabelę, to jest to odpowiednie narzędzie do tego celu.

2.Szybka tabelka

Pozwala na szybkie wstawienie znaczników tabeli o dowolnym rozmiarze. Wystarczy zakreślić odpowiednio dużą tabelę i kliknąć.

UWAGA: wstawiany jest znacznik tabeli bez argumentu border, co może skutkować tabelką bez widocznych ramek. Jeśli chcesz mieć klasyczną, obramowaną tabelkę, kliknij dwukrotnie na znaczniku <TABLE> i ustaw niezerową wartość parametru border.

3.Początek tabeli

Wstawia znaczniki początkowe i końcowe tabeli, umieszczając kursor w środku i włączając tryb wprowadzania komórek tabeli (patrz niżej).

4.Tryb wprowadzania komórek tabeli

Gdy tryb ten jest włączony (przycisk jest wciśnięty), wtedy każde naciśnięcie klawisza Enter powoduje zakończenie przed chwilą edytowanej komórki tabeli i wstawienie znaczników początku następnej; Shift+Enter to przejście do nowego wiersza tabeli.

Tak to wygląda w praktyce: Naciskasz przycisk Początek tabeli (co przy okazji uruchamia tryb wprowadzania komórek tabeli [przycisk 4]), wpisujesz treść pierwszej komórki, naciskasz Enter; podobnie aż do końca wiersza; wtedy naciskasz Shift+Enter (przejście do nowego rzędu tabeli) i zabawa zaczyna się na nowo. Gdy uznasz, ze czas kończyć, wystarczy wycisnąć przycisk 4. W każdym wypadku otrzymasz poprawnie skonstruowaną tabelę.

Spróbuj, to naprawdę szybkie i wygodne!

5.Tabela

<TABLE>.

6.Rząd

<TR>.

7.Komórka

<TD>.

8.Komórka nagłówkowa

<TH>. Działa podobnie do <TD>, z tym że wyświetlona zawartość jest jakoś zaakcentowana, np. pogrubiona.

9.Tytuł tabeli

<CAPTION>.


Zakładka HTML: Ramki
Zakładka HTML: Ramki Patrz też
1.Ramkowy czarodziej

Ten przycisk wywołuje okno, w którym szybko skonstruować można prostą stronę ramkową. Środkową część okienka zajmuje podgląd - prostokąty tam widoczne reprezentują ramki na tworzonej stronie WWW. Aby ustawić parametry jednej z ramek, kliknij reprezentujący ją prostokąt (pojawi się wtedy wokół niego czarną obramówka) i wpisz odpowiednie wartości w polach poniżej (Ustawienia wyselekcjonowanej ramki). Jeśli chcesz, aby granice między ramkami na stronie nie były widoczne, zaznacz pole Bez widocznych obramowań. Ponadto warto przekazać też coś osobom, które używają przeglądarek pomijających znaczniki ramek - umieść wtedy w dokumencie znaczniki <NOFRAMES></NOFRAMES> (zaznacz pole Dołączę blok <NOFRAMES>) i wewnątrz umieść zwykłą (<BODY> … </BODY>) stronę WWW (tylko nie pisz tam, proszę Cię, Aby obejrzeć moją stronę, ściągnij sobie najnowszego Internet Explorera albo Netscape, bo niektórzy źle to odbierają…)

2.Definicja strony ramkowej

Wstawia <FRAMESET> - znacznik stanowiący stronę ramkową i zawierający w sobie definicje wszystkich ramek.

3.Ramka

<FRAME> - definiuje właściwości pojedynczej ramki.

4.Obszar dla bezramkowców

<NOFRAMES> - to co znajdzie się wewnątrz tego bloku zostanie wyświetlone przez przeglądarki nie wspierające ramek.

5.Domyślna ramka docelowa

<BASE> z parametrem TARGET. Zwykle, aby załadować jakąś stronę do danej ramki po naciśnięciu odnośnika, używamy znacznika <A HREF=adres TARGET=nazwa_ramki>. Jeśli użyjemy wzmiankowanego wyżej znacznika <BASE TARGET=nazwa_ramki> wewnątrz bloku <HEAD></HEAD>, to każdy odnośnik <A…> bez wyspecyfikowanego TARGET=… będzie działał jak <A … TARGET=nazwa_wyspecyfikowana_jako_wartość_argumentu_TARGET_w_BASE>; innymi słowy umożliwia to pominięcie nazwy ramki docelowej w odnośniku, jeśli chcemy załadować dokument do ramki domyślnej, zdefiniowanej w <BASE TARGET=…>.


Zakładka HTML: Formularze
Zakładka HTML: Formularze Patrz też
1.Formularz

Wstawia znacznik formularza - <FORM>. Wewnątrz formularza wstawiamy wszystkie kontrolki (przyciski je wstawiające - poniżej).

2.Pole edycyjne

Wstawia okienko redakcyjne do formularza.

3.Pole edycyjne hasłowe

Wstawia okienko wpisywania hasła. W takim okienku wszystkie wpisywane znaki jawią się jako gwiazdki (UWAGA: przesyłanie niezaszyfrowanego hasła to niebezpieczna praktyka - w łatwy sposób ktoś postronny może je przejąć)

4.Pole edycyjne wielowierszowe

Wstawia wielowierszowe okienko redakcyjne, notatnik.

5.Przycisk wysyłający

Umieszcza w formularzu przycisk typu Submit, którego naciśnięcie spowoduje przesłanie danych formularza do skryptu wyspecyfikowanego w parametrze ACTION formularza (<FORM>).

6.Przycisk czyszczący

Przycisk typu Reset, przywracający wszystkim kontrolkom wartości domyślne.

7.Przełącznik (fajka)

czyli samostojący element wyboru tak/nie (checkbox).

8.Przełącznik grupowy

W terminologii windowsowej radiobutton. Zestaw takich przełączników pracujących w grupie (przełączniki grupujemy nadając im taką samą wartość parametru NAME) pozwala na wybór jednej opcji z wielu - tylko jeden radiobutton w grupie może być w danej chwili wyróżniony.

9.Lista

Lista działa w zasadzie podobnie jak grupa przełączników, z tym, że zajmuje dużo mniej miejsca. Ponadto możliwa jest selekcja wielokrotna (gdy użyjemy parametru MULTIPLE).

10.Pozycja na liście

<OPTION> - umieszczone wewnątrz listy wstawia pozycję na listę.

11.Grafika

Umieszcza w formularzu grafikę; działa ona podobnie do przycisku typu Submit, tzn. wysyła dane do skryptu, dodatkowo jeszcze załączając współrzędne punktu kliknięcia.

12.Pole wyboru pliku

Pole to umożliwia wybranie pliku i przesłanie jego zawartości z pozostałymi danymi formularza.

13.Element ukryty

Taki element nie jest wyświetlany przez przeglądarkę, jednak jego dane są przesyłane do skryptu.


Zakładka HTML: Interakcja
Zakładka HTML: Interakcja Patrz też
1.Applet

Wstawia znacznik appletu Javy - <APPLET> (Uwaga  ten znacznik jest deprecated na rzecz <OBJECT>, którego autorzy HTML 4.0 polecają używać zamiast).

2.Obiekt (program) dowolnego typu

<OBJECT>. Tym znacznikiem wstawiamy interaktywne elementy (takie jak ActiveX, applety) na stronę.

3.Parametr obiektu/appleta

Często obiekt potrzebuje do działania dodatkowych danych - parametrów. Do ich definiowania służy znacznik <PARAM> wstawiany wewnątrz <OBJECT> (bądź <APPLET>).

4.Skrypt

Wstawia znacznik <SCRIPT>, wewnątrz którego możesz zawrzeć zawartość skryptu (w języku JavaScript, VBasic, etc.).

5.Zawartość alternatywna dla przeglądarek nie obsługujących skryptów

To co znajdzie się we wstawianym przez to polecenie elemencie <NOSCRIPT>, będzie wyświetlone przez przeglądarki, które nie rozumieją skryptu.

6.Ostrzeżenie

7.Pytanie

Te dwa polecenia wstawiają kod JavaScript odpowiedzialny za wyświetlenie okienek odpowiednio: ostrzeżenia i pytania. Pamiętaj, że kod ten musi znaleźć się wewnątrz elementu <SCRIPT>. Poza tym, przy użyciu okienka pytania, warto sprawdzać wartość zwracaną przez funkcję confirm(), aby dowiedzieć się, jaką odpowiedź wybrał użytkownik.

8. Przydatne JavaSkrypty - kreator

Ten kreator pozwala wstawić gotowe skrypty wypisujące: datę i czas ostatniej modyfikacji, typ przeglądarki używanej przez odwiedzającego twoją stronę internautę lub adres dokumentu.


Zakładka HTML: SSI
Zakładka HTML: SSI Patrz też
UWAGA: aby korzystać z dobrodziejstw SSI (Server Side Includes), należy uaktywnić odpowiednie opcje w ustawieniach serwera http. Dokonać tego może administrator serwera.

1.Wstawienie pliku

W miejscu wstawienia tego polecenia zostanie umieszczona zawartość żądanego pliku (jeśli będzie to skrypt cgi, to zostanie on uruchomiony, a wyświetlony zostanie efekt jego działania - w ten sposób można wstawić np. licznik).

2.Wykonanie programu

Zostanie wykonany program.

3.Wstawienie zmiennej środowiska

Zostanie wstawiona wartość podanej zmiennej środowiska.

4.Wstawienie czasu ostatniej modyfikacji

Cóż można dodać?

Więcej informacji znajdziesz pod adresem http://www.questar.com/ .


Zakładka HTML: Znaki
Zakładka HTML: Znaki Patrz też
Ta zakładka umożliwia wstawianie znaków specjalnych, których nie można wpisać bezpośrednio z klawiatury (tzn. wpisać można, ale efekt będzie różny od zamierzonego). W zamian wstawiane są tzw. entity characters.


Licencja
Licencja Edytora Znaczników HTML

Wersja programu którą właśnie instalujesz bądź już zainstalowałeś przeznaczona jest do użytku INDYWIDUALNEGO. Nie możesz jej używać w żadnej instytucji / przedsiębiorstwie. Wersja dla użytkowników instytucjonalnych jest płatna. Aby uzgodnić cenę, skontaktuj się ze mną e-mailem: ezhtml@bydnet.com.pl .

TO JEST LICENCJA PROGRAMU EZ HTML - wersji dla użytkowników indywidualnych.

INSTALUJĄC TEN PROGRAM PRZYJMUJESZ DO WIADOMOŚCI WSZYSTKIE PONIŻSZE POSTANOWIENIA.

AUTOR  NIE UDZIELA ŻADNYCH GWARANCJI, ZAPEWNIEŃ ANI OBIETNIC DOTYCZĄCYCH: CHODLIWOŚCI, PRZYDATNOŚCI PROGRAMU DO KONKRETNEGO CELU. NIE UDZIELA TEŻ ŻADNYCH INNYCH GWARANCJI, ZARÓWNO JEDNOZNACZNYCH JAK I DOMYŚLNYCH.

AUTOR NIE GWARANTUJE, ŻE OPROGRAMOWANIE SPEŁNI TWOJE WYMAGANIA, LUB ŻE BĘDZIE DZIAŁAĆ BEZ BŁĘDÓW ALBO ŻE NIE USZKODZI TWOJEGO KOMPUTERA (oczywiście dołożyłem starań, żeby zachowywał się przyzwoicie).

JEDNOCZEŚNIE AUTOR NIE PODLEGA JAKIEJKOLWIEK ODPOWIEDZIALNOŚCI ZA JAKIEKOLWIEK SZKODY, WYRZĄDZONE EWENTUALNIE PRZEZ PROGRAM.

Teraz właściwa licencja:

Ten program jest rozprowadzany na zasadzie freeware - dostajesz go za darmo i możesz używać dowolnej ilości kopii.

Ograniczenia: zabrania się dekompilacji, deasemblacji, odtwarzania kodu źródłowego oraz tworzenia oprogramowania opartego na niniejszym programie. Nie wolno rozprowadzać tego programu w celach zarobkowych.

Jeśli chcesz rozprowadzać program przy użyciu klasycznych nośników (dyskietki, płyty CD, etc.), bądź internetowo to poinformuj mnie o tym e-mailem: ezhtml@bydnet.com.pl  .

Wszystkie zapytania i uwagi kieruj także pod powyższy adres.

Paweł Przewłocki alias Pafcio.


Zakładka Pliki

Zakładka Pliki służy do otwierania dokumentów i operacji na plikach. Składa się z czterech okienek:

1.Okienko dysków - służy do wyboru dysku;

2.Okienko wyboru foldera wyświetla drzewo katalogów wybranego dysku i umożliwia wybór foldera;

3.Okienko rodzajów plików (filtr) - tu określamy jakie pliki mają być wyświetlane w okienku plików;

4.Okienko plików - pokazuje pliki w wybranym folderze (katalogu). Dwukrotne kliknięcie na pliku otwiera go w edytorze; kliknięcie prawym przyciskiem myszy przywołuje menu podręczne, dzięki któremu można dokonywać różnych operacji na plikach (kasowanie, zmiana nazwy, etc.). Podobne menu jest do Twojej dyspozycji w okienku wyboru foldera.


Zakładka Projekty

Zakładka Projekty przyspiesza operacje na dużej liczbie plików.

O projektach szerzej tutaj.


Zakładka Tagi

Zakładka Tagi służy do edycji i wstawiania znaczników.

Aby edytować znacznik, należy dwukrotnie kliknąć na nim w edytorze. Opis znacznika pojawi się wtedy na czarnym polu u góry zakładki, w środku zobaczysz Tagspektor, który pozwala na edycję parametrów znacznika, na dole zaś Podgląd umieszczony jest, a to w celu pokazania, jak edytowany właśnie znacznik wpływa na wygląd przykładowego tekstu (domyślnie Wlazł kotek na płotek i mruga… , ale można to zmienić w okienku ustawień). Aby Podgląd widoczny był, wymaga się zainstalowania MSIE 3.0 bądź późniejszego.

Opisu wymagają jeszcze dwa przyciski pod Tagspektorem:

1.Edycja znacznika - pokazuje Tagspektor;

2.Lista znaczników - ukrywa Tagspektor i pokazuje listę znaczników, które mogą być wstawiane do dokumentu.

Rodzaj znacznika zaznacza ikona umieszczona obok:

	Normalny
	Nowy w HTML 4.0
	Deprecated w HTML 4.0
	Tylko MSIE
	Tylko Netscape
Aby wstawić znacznik do dokumentu, wystarczy dwukrotnie na jego nazwie kliknąć.

Dodatkowo, gdy widoczna jest lista znaczników, pokazują się dwa przyciski:

A.Wstaw jako znacznik - to samo co dwukrotne kliknięcie na znaczniku (wstawienie do edytora);

B.Wstaw jako definicję stylu - wstawia znacznik gotowy do przedefiniowania jego działania (tzw. Arkusze Stylów Kaskadowych, CSS).


Propozycja współpracy

Pomoc mi jest potrzebna, żeby ezHTML mógł się szybciej rozwijać i doganiać Pajączka i Tigera :-). Nie daję nic w zamian (oprócz sławy dozgonnej i satysfakcji), bo rzecz jest darmowa i sam z niej kasy nie ciągnę (póki co…;-).

1.Przydałby mi się bardzo człowiek do helpu robienia, bo to czasochłonna robota, która mnie denerwuje. A poza tym marzę o tym, żeby on jakoś przyzwoicie wyglądał (może czas już przejść na pomoc w HTMLu?);

2.Dla programistów - przydały by się:

-import baz danych (i nie tylko - import jakichkolwiek formatów mile widziany) do HTMLa;

-edytor map odnośników do obrazków

-jakieś kreatory do (np.) DHTMLa

itd., co tylko wam wpadnie do głowy (może być jako kod źródłowy Delphi, skompilowane, ewentualnie w DLLach)

3.Dla wszystkich - prośba o testowanie, znajdowanie błędów i przysyłanie propozycji - co należałoby waszym zdaniem jeszcze zrobić, ulepszyć, etc.

Mój adres stoi otworem:-) ezhtml@bydnet.com.pl .

Howgh.


Pliki

Edycja

Wstaw

HTML

Ogonki

Konfiguracja

Pomoc


MENU: Pliki

Inne menu

Nowy

Otwiera nowe, puste okienko w edytorze.

Otwórz

Ładuje podany dokument (plik) do okienka edycyjnego.

Ostatnio edytowane

czyli tzw. MRU (Most Recently Used). Podmenu zawiera listę ostatnio obrabianych dokumentów, które możesz otworzyć jednym kliknięciem myszki.

Wstaw

Wstawia zawartość podanego pliku do aktywnego okienka edycyjnego, w miejscu, gdzie znajduje się kursor.

Zapisz

Zapisuje dokument pod starą nazwą, kasując jego poprzednią zawartość. Jeśli dokument nie był wcześniej zapisywany (tzn. jest nowy) to opcja ta działa jak Pliki|Zapisz jako.

Zapisz jako

Pozwala zapisać dokument pod nową nazwą (np. w innym folderze, na dyskietce, etc.).

Zapisz wszystkie

Zapisuje wszystkie pliki otwarte w edytorze. Efekt jest identyczny z tym, który osiągniesz wywołując dla każdego okienka Pliki|Zapisz.

Drukuj

Drukuje aktywny dokument używając czcionki używanej przez edytor (aby ją zmienić, wybierz Konfiguracja|Ustawienia).

Zamknij

Zamyka aktywne okienko. Jeśli dokument nie został zapisany na dysku w obecnym kształcie, program spyta czy zapisać zmiany.

Zamknij wszystkie

Zamyka wszystkie okienka w edytorze, wywołując dla każdego okienka edycyjnego Pliki|Zamknij.

Koniec

Zakończenie pracy z ez HTMLem.


MENU: Edycja

Inne menu

Cofnij

Cofnięcie ostatniej operacji edycyjnej.

Wytnij

Wstawienie bieżącej selekcji do schowka, a następnie skasowanie jej w edytorze.

Skopiuj

Wstawienie selekcji do schowka.

Wklej

Przeniesienie zawartości schowka do bieżącego okienka edycyjnego. Jeśli jakiś tekst był wcześniej wyróżniony w edytorze, to zostanie on zastąpiony przez ww. zawartość schowka.

Wyczyść

Kasuje selekcję.

Zaznacz całość

Wyróżnia cały tekst w okienku edycyjnym.

Znajdź

Znajduje podany tekst w okienku edycyjnym.

Zamień

Znajduje podany tekst i zamienia go na inny, też podany.


MENU: Wstaw

Inne menu

Polecenia tego menu są funkcjonalnymi odpowiednikami poleceń wywołanych przez przyciski z zakładek HTML:

Obrazek

Odsyłacz

Linię poziomą

<META>kreator

Szybki start

zakładka Podstawowe

Wybierz czcionkę

Zakładka Czcionki

Czarodziej tabelkowy

Zakładka Tabele

Czarodziej ramkowy

Zakładka Ramki

Pozostałe pozycje znajdują się na zakładce Format.

Jest jeszcze polecenie

Wstaw datę i czas

dzieki któremu można dodać bieżącą datę i czas do dokumentu w dowolnym formacie.


MENU: HTML

Inne menu

Edytuj znacznik

Po wybraniu tego polecenia program znajduje znacznik najbliższy kursora w okienku, podświetla go i (gwóźdź programu) umożliwia edycję jego parametrów w Tagspektorze na zakładce Tagi. Każdy argument dostaje pole, w które możesz wpisać jego wartość; w przypadku niektórych możesz wybrać spośród najczęściej używanych wartości bądź zdefiniować ścieżkę do wybranego pliku (przycisk (…)). Każda zmiana jest natychmiast widoczna w edytorze, a podgląd działania znacznika z ustawianymi właśnie wartościami parametrów zobaczysz w okienku podglądu poniżej Tagspektora (wymaga MSIE 3.0).

Ponadto wyświetlana jest krótka informacja o analizowanym znaczniku.

Podobny efekt wywołasz klikając dwukrotnie na wybranym znaczników w edytorze.

Aby każdy znacznik był interpretowany w wyżej wymieniony sposób zaraz po wstawieniu z zakładek HTML, zaznacz opcję Autointerpretacja wstawionego znacznika.

Program pobiera informacje o analizowanych tagach z pliku tags.ini.

Znaczniki

Różnorakie operacje na znacznikach aktywnego dokumentu.

-> Duże litery

Przekształca znaczniki tak, aby zawierały tylko duże litery.

-> Małe litery

Jak wyżej, tylko na małe.

Usuń

Usuwa wszystkie znaczniki z dokumentu (zostanie sam tekst).

-> Przykład

Przekształca znaczniki do formy wyświetlanej przez przeglądarkę jako tekst; oznacza to, ze znaczniki będą wyświetlone, a nie interpretowane.

\ -> /

Zamienia backslashe na slashe w znacznikach (istotne, bo w ścieżkach DOSowych występują \, a UNIXowych - /).

Podgląd

Wyświetla dokument z okienka edycyjnego używając domyślnej dla plików .htm przeglądarki WWW. Aby skorzystać z podglądu w przeglądarkach definiowanych w okienku Ustawienia kliknij prawym klawiszem myszki na przycisku Podgląd.

Wstaw jeszcze raz

Wstawia ponownie ostatnio wstawiony znacznik z zakładek HTML.


MENU: Ogonki

Inne menu

Kodowanie pl

Tu wybierasz stronę kodową, której chcesz używać pisząc dokument (chodzi oczywiście o kodowanie polskich liter). Program będzie w locie przekodowywał polskie znaki. Można wybrać ISO 8859-2 (powoli staje się standardem) albo CP 1250 (Windows). Aby przeglądarka wiedziała jak interpretować znaki zawarte w dokumencie trzeba w nim umieścić deklarację charset=…. Można to zrobić za pomocą okienka dialogowego Sekcja <HEAD>.

UWAGA: jeśli w trakcie pracy zmieniasz stronę kodową to:

1.Musisz przekodować to co już napisałeś na właściwą stronę używając konwertera;

2.Trzeba też zmienić ręcznie (program nie robi tego automatycznie) deklarację charset.

Konwersja

Uruchamia konwerter kodowań polskich znaków.

Dane potrzebne do konwersji program czerpie z pliku znaki.txt.

Win -> ISO

Przekodowuje dokument w okienku edycyjnym z Windows CP 1250 do ISO 8859-2.

ISO -> Win

Jak wyżej, tylko odwrotnie:-).

Wstaw deklarację ISO / Win

Wstawia deklarację charset do dokumentu (<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=…>). Pamętaj o wcześniejszym umieszczeniu kursora wewnątrz sekcji <HEAD>, gdzie taka deklaracja powinna się znajdować.


MENU: Konfiguracja

Inne menu

Zawijanie wierszy

Ustala, czy wiersze w edytorze będą zawijane (łamane na prawej granicy okienka), czy też dokument będzie prezentowany w formie oryginalnej.

UWAGA: ustawienie to dotyczy wszystkich okienek edytora naraz.

Panel plików

Pasek przycisków

Pasek statusu

Trzy powyższe opcje sterują wyglądem obszaru roboczego programu: za ich pomocą można wyświetlić bądź schować pewne elementy wystroju (wypróbuj sam!).

Gdy schowasz oba paski i panel plików, będziesz mógł korzystać z dużo większej powierzchni edycyjnej (coś w rodzaju edycji [pełno]ekranowej)

Przeglądarka obrazków

Tym poleceniem możesz schować lub przywrócić na pulpit przeglądarkę obrazków.

Ustawienia

Ta opcja wyświetla okno ustawień programu. Pomoc otrzymasz używając przycisku ze znakiem zapytania na listwie tytułowej okienka.


MENU: Pomoc

Inne menu

Pomoc HTML

Pomoc dotycząca języka HTML.

Zaczynamy!

Opis programu dla początkujących.

Indeks

Tematy pomocy.

Historia

Historia programu.

ReadMe

Informacje z ostatniej chwili: ograniczenia, nowości, pluskwy, etc.

Licencja

Warunki korzystania z programu.

Winietka

Moja mała wizytówka.


Nie klikaj tutaj, bo tu nic nie ma, tylko wybierz jakiś element.


W tym okienku wybieramy kategorię zmienianych ustawień. Kliknij jedną z pozycji, a po prawej stronie pokażą się odpowiednie pola.


Kliknij jedną z kontrolek, aby uzyskać pomoc.


Nic dodać, nic ująć; to jest takie małe demo wyglądu edytora po zaakceptowaniu wybranych ustawień.


Za pomocą tych przycisków ustawiamy właściwości edytora.

§	Czcionkę można wybrać przy pomocy standardowego okienka wyboru czcionki, a przycisk

§	kolor tła wywołuje standardowe okienko wyboru koloru.


W tym okienku widać wszystkie zdefiniowane przez Ciebie przeglądarki WWW; możesz je wtedy używać przy podglądzie (HTML|Podglad).


Tutaj dokonujemy operacji na wyselekcjonowanej w okienku wyżej przeglądarce; możemy:

§	Modyfikować wpis  czyli zmienić ustawienia dotyczące przeglądarki (ścieżkę do pliku programu, nazwę, etc.)

§	Dodawać  nowe przeglądarki do listy, oraz

§	Usuwać wpisy (oczywiście przeglądarka nadal istnieje na dysku  tylko wpis na liście jest kasowany).


Jeśli zaznaczysz to pole, to wszystkie znaczniki będą malowane tym samym kolorem (ciemnoniebieskim).


Gdy to pole jest zaznaczone, różne znaczniki są wykreślane różnymi kolorami, co ułatwia znacznie poruszanie się w gąszczu HTMLa.


Zawartość cudzysłowów zostanie pokolorowana na ciemnoniebiesko, jeśli wybierzesz tą opcję.


Początkowy znak & zostanie pomalowany jasnozielonym kolorem.


Słowa kluczowe języka Java Skrypt (if, else, etc.) zostaną wyróżnione.


Deklaracje styli {…} zostaną wyróżnione.


Tutaj ustawia się deklarację typu dokumentu. Jest ona wstawiana poleceniem Szkielet dokumentu HTML.


Jeśli zaznaczysz to pole, to program będzie wstawiał kończący znacznik </P>; w innym wypadku funkcje ezHTMLa wstawiające znacznik <P> nie użyją znacznika końcowego.


Tutaj wybieramy tagi, które będą używane odpowiednio przy:  wyrównywaniu  do lewej, centrowaniu, wyrównywaniu  do prawej (UWAGA: można nie tylko wybierać z listy, ale także wpisać dowolny znacznik).


Przy wstawianiu nowego dokumentu otrzymasz pusty edytor (dokument nie będzie niczego zawierał).


Do każdego nowego dokumentu będzie automatycznie wstawiany tekst z poniższego szablonu.


To pole zawiera tekst szablonu. Możesz go dowolnie modyfikować.


Program może wykrywać używaną w dokumencie stronę kodową na podstawie deklaracji <meta> w nagłówku i ustawić to wykryte kodowanie jako używane (poz. menu Ogonki|Kodowanie pl).


Jakąś stronę kodową trzeba ustawić, aby można było wpisywać polskie znaki. Jeśli program nie wykryje żadnej ze znanych mu stron albo gdy wykrywanie jest wyłączone, ustawiona zostanie strona domyślna.


Program przy wczytywaniu dokumentu zamienia napotkane tabulatory na określoną tu liczbę spacji.


To jest lista zakładek, które mogą się pojawić na pasku Zakładek HTML. Zaznacz te, które chcesz tam widzieć.


Jeśli zaznaczysz tę opcję, to działanie każdego edytowanego na zakładce Tagi znacznika będzie można obejrzeć w podglądzie poniżej Tagspektora (wymaga zainstalowanego MiSIE 3).


Tu wpisz tekst, który będzie poddawany działaniu edytowanego znacznika w okienku podglądu.


Łańcuchy formatujące datę i czas

d	Wyświetla dzień jako liczbę bez początkowego zera (1-31).
dd	Wyświetla dzień jako liczbę z początkowym zerem (01-31).
ddd	Wyświetla dzień jako skrót (Sun-Sat).
dddd	Wyświetla pełną nazwę dnia (Sunday-Saturday).
ddddd	Wyświetla datę używając domyślnego formatu dla krótkiej daty.
dddddd	Wyświetla datę używając domyślnego formatu dla długiej daty.
m	Wyświetla miesiąc jako liczbę bez poprzedzającego zera (1-12). Jeśli m wystąpi zaraz po specyfikatorze h lub hh, wtedy wyświetlana jest minuta zamiast miesiąca.
mm	Wyświetla miesiąc jako liczbę z poprzedzającym zerem (01-12). Jeśli mm wystąpi zaraz po specyfikatorze h lub hh, wtedy wyświetlana jest minuta zamiast miesiąca.
mmm	Wyświetla miesiąc jako skrót (Jan-Dec).
mmmm	Wyświetla pełną nazwę miesiąca (January-December).
yy	Wyświetla rok w formacie dwucyfrowym (00-99).
yyyy	Wyświetla rok w formacie czterocyfrowym (0000-9999).
h	Wyświetla godzinę bez poprzedzającego zera (0-23).
hh	Wyświetla godzinę z poprzedzającym zerem (00-23).
n	Wyświetla minuty bez początkowego zera (0-59).
nn	Wyświetla minuty z początkowym zerem (00-59).
s	Wyświetla sekundy bez początkowego zera (0-59).
ss	Wyświetla sekundy z początkowym zerem (00-59).
t	Wyświetla czas używając domyślnego formatu dla krótkiego zapisu czasu.
tt	Wyświetla datę używając domyślnego formatu dla długiego zapisu czasu.
am/pm, AM/PM, etc.	Użyte po specyfikatorze h bądź hh wymusza angielski sposób zapisu godziny.
a/p	j.w., zamiast am wystąpi a, zamiast pm  p.
/	Wstawia domyślny separator daty (w Win pl zwykle kropka .).
:	Wstawia domyślny separator czasu (zwykle dwukropek :).
'xx', "xx"	Łańcuchy znaków w cudzysłowach są przepisywane bez zmian.